<div class="card card-borderless card-sm vh-70">
	<div class="card-body">
		<div class="text-center">
			<span class="avatar avatar-md" style="background-image: url({{ userinfo.gravatar }})"></span>
		</div>
		<div class="text-center">
			<div style="font-weight: bold" class="mt-2">{{ userinfo.displayName }}</div>
			<div class="mt-2">
				{% if  userinfo.sex == 1 %}
					<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-man" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
						<path d="M10 16v5"></path>
						<path d="M14 16v5"></path>
						<path d="M9 9h6l-1 7h-4z"></path>
						<path d="M5 11c1.333 -1.333 2.667 -2 4 -2"></path>
						<path d="M19 11c-1.333 -1.333 -2.667 -2 -4 -2"></path>
						<path d="M12 4m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
					</svg>
				{% endif %}
				{% if  userinfo.sex == 2 %}
					<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-woman" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
						<path d="M10 16v5"></path>
						<path d="M14 16v5"></path>
						<path d="M8 16h8l-2 -7h-4z"></path>
						<path d="M5 11c1.667 -1.333 3.333 -2 5 -2"></path>
						<path d="M19 11c-1.667 -1.333 -3.333 -2 -5 -2"></path>
						<path d="M12 4m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path>
					</svg>
				{% endif %}
				{#      1-管理员 ，2-讲师，3-助教，4-班主任,5-学生#}
				{% if  userinfo.realRole == 1 %}
					<div class="badge bg-gray">管理员</div>
				{% endif %}
				{% if  userinfo.realRole == 2 %}
					<div class="badge bg-gray">讲师</div>
				{% endif %}
				{% if  userinfo.realRole == 3 %}
					<div class="badge bg-gray">助教</div>
				{% endif %}
				{% if  userinfo.realRole == 4 %}
					<div class="badge bg-gray">班主任</div>
				{% endif %}
				{% if  userinfo.realRole == 5 %}
					<div class="badge bg-gray">学生</div>
				{% endif %}
			</div>
		</div>
		<nav class="nav flex-column nav-pills mt-3 border-top pt-3">
			<a class="nav-link {% if route == 'app_user_home' %} active {% endif %}" href="{{ path('app_user_home') }}">我的课程</a>
			{# <a class="nav-link {% if route == 'qa_mytest' %} active {% endif %}" href="{{ path('qa_mytest') }}">我的试卷</a> #}
			<a class="nav-link {% if route == 'app_user_fav' %} active {% endif %}" href="{{ path('app_user_fav') }}">我的收藏</a>
			<a class="nav-link {% if route == 'app_order_index' %} active {% endif %}" href="{{ path('app_order_index') }}">我的订单</a>
			<a class="nav-link {% if route == 'app_user_msg' %} active {% endif %}" href="{{ path('app_user_msg') }}">我的消息
				{% if msgUnreadCount>0 %}
					<span class="badge">{{ msgUnreadCount }}</span>
				{% endif %}
			</a>
			<a class="nav-link {% if route == 'app_user_info' %}  active {% endif %}" href="{{ path('app_user_info') }}">个人信息</a>
			<a class="nav-link {% if route == 'app_user_secure' %} active {% endif %}" href="{{ path('app_user_secure') }}">安全相关</a>
		</nav>
	</div>
</div>
